﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对联广告</title>
</head>
<body leftmargin="0" topmargin="0">
<script type="text/javascript">
    var delta=0.115
    var collection;
    function floaters()
    {
        this.items = [];
        //在页面中动态添加div，参数依次代表：div的id，x坐标,y坐标,显示的内容
        this.addItem= function(id,x,y,content)
        {
            document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
            var newItem                = {};
            newItem.object            = document.getElementById(id);
            newItem.x                = x;
            newItem.y                = y;
            this.items[this.items.length]        = newItem;
        }
        this.play= function()
        {
            collection = this.items
            setInterval('play()',10);
        }
    }
    //显示对联，此方法绑定到定时器
    function play()
    {
        if(screen.width<=800)
        { //宽度小于800时，不显示对联
            for(var i=0;i<collection.length;i++)
            {
                collection[i].object.style.display    = 'none';
            }
            return;
        }
        for(var i=0;i<collection.length;i++)
        {
            var followObj        = collection[i].object;
            var followObj_x        = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
            var followObj_y        = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
            if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
                var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
                dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
                followObj.style.left=followObj.offsetLeft+dx;
            }
            if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
                var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
                dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
                followObj.style.top=followObj.offsetTop+dy;
            }
            followObj.style.display    = '';
        }
    }
    var theFloaters= new floaters(); //创建悬浮对联广告
    //添加2幅广告
    theFloaters.addItem('div1','document.body.clientWidth-135',0,'</a><br><a href="http://images.sohu.com/cs/music/070330_120-120.gif" target="_blank"><img src="http://images.sohu.com/cs/music/070330_120-120.gif" width="100" height="267" border="0" /></a>');
    theFloaters.addItem('div2',20,0,'<br><a href="http://images.sohu.com/cs/music/070330_120-120.gif" target="_blank"><img src="http://images.sohu.com/cs/music/070330_120-120.gif" width="100" height="267" border="0" /></a>');
    theFloaters.play();　　//显示
</script>
</body>
</html>